<template>
  <div id="app" ref="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  mounted () {
    this.$refs.app.style.background = '#7d8188'
  }
}
// 进行自适应
document.addEventListener('DOMContentLoaded', () => {
  const html = document.querySelector('html')
  let fontSize = window.innerWidth / 10
  fontSize = fontSize > 50 ? 50 : fontSize
  html.style.fontSize = fontSize + 'px'
})
</script>

<style lang="stylus" scoped>
  #app
    width: 100%
    height: 100%
    overflow: hidden
</style>
